<template>
  <view v-if="visible" class="w-full h-full pt-44px todo-bg">
    <view class="pl-15px pr-15px">
      <view class="card mb-10px"></view>
      <view class="flex flex-row">
        <view class="card mr-10px flex flex-row items-center">
          <image src="@/static/images/avatar.png" class="w-40px h-40px" mode="" />
          <view class="flex-1">
            <view></view>
            <view></view>
          </view>
        </view>
        <view class="card flex flex-row items-center">
          <image src="@/static/images/avatar.png" class="w-40px h-40px" mode="" />
          <view class="flex-1">
            <view></view>
            <view></view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { usePageControl } from '@/hooks/usePageControl'
const { visible, showPage, hidePage, active } = usePageControl()

defineProps({
  title: {
    type: String,
    default: '',
  },
})

defineExpose({
  showPage,
  hidePage,
  active,
})
</script>

<style lang="scss" scoped>
.todo-bg {
  background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
}
</style>
